<%@ page import="com.shop.servlet.impl.ShopCatServletImpl" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt"  prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<base href="<%=request.getContextPath()+"/"%>"/>
<title>购物车页面</title>

<link href="AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet"
	type="text/css" />
<link href="basic/css/demo.css" rel="stylesheet" type="text/css" />
<link href="css/cartstyle.css" rel="stylesheet" type="text/css" />
<link href="css/optstyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript">
	$(function (){
		$("#checkList").change(function (){
			var val = $("#checkList").prop("checked")
			$(".checkList").prop("checked",val)
			totalPrice()
		})
		$(".checkList").change(function (){
			totalPrice()
		})
		$("#J_Go").click(function (){
			var car = new Array()
			$(".checkList").each(function (index,item){
				var shop = new Object()
				if($(item).prop("checked")==true){
					shop["id"]=$(item).prop("title")
					shop["spend"]=$(item).val()
					shop["goods"]=$(item).prop("id")
					shop["quantity"]=$(item).prop("name")
					shop["des"]=$(item).prop("alt")
					shop["pnguri"]=$(item).prop("accept")
					shop["gname"]=$(item).prop("align")
					car.push(shop)
				}
			})
			$.ajax({
				url:"/address/pay",
				type:"POST",
				data:JSON.stringify(car),
				contentType:"application/json",
				success:function (data){
					if (data=="yes"){
						location.href=("/pay.jsp")
					}else{
						alert("购买失败")
					}
				}
			})
		})
	})//
	function totalPrice(){
		var Price = 0.0;
		var num = 0;
		$(".checkList").each(function (index,item){
			if($(item).prop("checked")==true){
				Price =Price + parseInt($(item).val())
				num++;
			}
		})
		$("#getnum").text(num)
		$("#J_Total").text(Price)
	}
	function calculate(id,status){
		$.ajax({
			url:"/shopcat/revise?id="+id+"&status="+status,
			type:"get",
			success:function (data) {
				if (data=="ok"){
					location.reload()
				}
			}
		})
	}
</script>
</head>

<body>

	<!--顶部导航条 -->
	<%@include file="head.jsp"%>

	<!--购物车 -->
	<div class="concent">
		<div id="cartTable">
			<div class="cart-table-th">
				<div class="wp">
					<div class="th th-chk">
						<div id="J_SelectAll1" class="select-all J_SelectAll"></div>
					</div>
					<div class="th th-item">
						<input type="checkbox" id="checkList"/>
						<div class="td-inner">商品信息</div>
					</div>
					<div class="th th-price">
						<div class="td-inner">单价</div>
					</div>
					<div class="th th-amount">
						<div class="td-inner">数量</div>
					</div>
					<div class="th th-sum">
						<div class="td-inner">金额</div>
					</div>
					<div class="th th-op">
						<div class="td-inner">操作</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>

			<tr class="item-list">
				<div class="bundle  bundle-last ">
					<div class="bundle-hd">
						<div class="bd-promos"></div>
					</div>
					<div class="clear"></div>
					<div class="bundle-main"></div>
				</div>
			</tr>
			<div class="clear"></div>
			
				<tr class="item-list">
					<div class="bundle  bundle-last ">

						<div class="clear"></div>
						<div class="bundle-main">
						<!-- 购物车 -->
							<c:forEach items="${pageT.data}" var="shopcat">
							<ul class="item-content clearfix">
								<li class="td td-item">
									<div class="item-pic">
										<input type="checkbox" align="${shopcat.gname}" accept="${shopcat.pnguri}" alt="${shopcat.des}" title="${shopcat.id}" id="${shopcat.pid}" name="${shopcat.quantity}" class="checkList" value="${shopcat.price*shopcat.quantity}"/>
										<a href="#" target="_blank" class="J_MakePoint"
											data-point="tbcart.8.12"> <img
											src="image?imageName=${shopcat.pnguri}"
											style="width: 80px; height: 80px" class="itempic J_ItemImg"></a>
									</div>
									<div class="item-info">
										<div class="item-basic-info">
											<h6 style="color: #0a6999">${shopcat.gname}</h6><br/>
											<a href="#" target="_blank" title="" class="item-title J_MakePoint" data-point="tbcart.8.11">${shopcat.des}</a>
										</div>
									</div>
								</li>
								<li class="td td-info">
									<div class="item-props item-props-can">

										<i class="theme-login am-icon-sort-desc"></i>
									</div>
								</li>
								<li class="td td-price">
									<div class="item-price price-promo-promo">
										<div class="price-content">
													<div class="price-line">
														<em class="price-original">${shopcat.price*10}</em>
													</div>
														
													<div class="price-line">
														<em class="J_Price price-now" tabindex="0">${shopcat.price}</em>
													</div>
										</div>
									</div>
								</li>
								<li class="td td-amount">
									<div class="amount-wrapper ">
										<div class="item-amount ">
											<div class="sl">
												<input class="min am-btn" name="" type="button" value="-" onclick="calculate(${shopcat.id},-1)"/>
											 	<input class="text_box" min="1" max="99" type="text" value="${shopcat.quantity}" style="width: 30px; text-align: center;" />
												<input class="add am-btn" name="" type="button" value="+"  onclick="calculate(${shopcat.id},1)"/>
										
											</div>
										</div>
									</div>
								</li>
								<li class="td td-sum">
									<div class="td-inner">
										<em tabindex="0" class="J_ItemSum number" >${shopcat.price*shopcat.quantity}</em>
									</div>
								</li>
								<li class="td td-op">
									<div class="td-inner">
									<a href="/shopcat/delete?id=${shopcat.id}" data-point-url="#" class="delete"> 删除</a>
									</div>
								</li>
							
							</ul>
							</c:forEach>
							<%@include file="comm/page.jsp"%>
						</div>
					</div>
				</tr>
		</div>
		<div class="clear"></div>

		<div class="float-bar-wrapper">
			<div class="float-bar-right">
				<div class="amount-sum">
					<span class="txt">已选商品</span> <em id="getnum">0</em><span class="txt">件</span>
					<div class="arrow-box">
						<span class="selected-items-arrow"></span> <span class="arrow"></span>
					</div>
				</div>
				<div class="price-sum">
					<span class="txt">合计:</span>
					<strong class="price">
					¥<em id="J_Total">0</em>
					</strong>
				</div>
				<div class="btn-area">
					<a href="javascript:void(0)" id="J_Go" class="submit-btn submit-btn-disabled"
						aria-label="请注意如果没有选择宝贝，将无法结算"> <span>结&nbsp;算</span></a>
				</div>
			</div>

		</div>

		<div class="footer">
			<div class="footer-hd">
				<p>
					<a href="#">恒望科技</a> <b>|</b> <a href="#">商城首页</a> <b>|</b> <a
						href="#">支付宝</a> <b>|</b> <a href="#">物流</a>
				</p>
			</div>
			<div class="footer-bd">
				<p>
					<a href="#">关于恒望</a> <a href="#">合作伙伴</a> <a href="#">联系我们</a> <a
						href="#">网站地图</a> <em>© 2015-2025 Hengwang.com 版权所有</em>
				</p>
			</div>
		</div>

	</div>

	<!--操作页面-->

	<div class="theme-popover-mask"></div>

	<div class="theme-popover">
		<div class="theme-span"></div>
		<div class="theme-poptit h-title">
			<a href="javascript:;" title="关闭" class="close">×</a>
		</div>
		<div class="theme-popbod dform">
			<form class="theme-signin" name="loginform" action="" method="post">

				<div class="theme-signin-left">

					<li class="theme-options">
						<div class="cart-title">颜色：</div>
						<ul>
							<li class="sku-line selected">12#川南玛瑙<i></i></li>
							<li class="sku-line">10#蜜橘色+17#樱花粉<i></i></li>
						</ul>
					</li>
					<li class="theme-options">
						<div class="cart-title">包装：</div>
						<ul>
							<li class="sku-line selected">包装：裸装<i></i></li>
							<li class="sku-line">两支手袋装（送彩带）<i></i></li>
						</ul>
					</li>
					<div class="theme-options">
						<div class="cart-title number">数量</div>
						<dd>
							<input class="min am-btn am-btn-default" name="" type="button" value="-" />
							 <input class="text_box" name="" type="text" value="1" style="width: 30px;" />
							  <input class="add am-btn am-btn-default" name="" type="button" value="+" />
							  <span class="tb-hidden">库存<span class="stock">1000</span>件
							</span>
						</dd>

					</div>
					<div class="clear"></div>
					<div class="btn-op">
						<div class="btn am-btn am-btn-warning">确认</div>
						<div class="btn close am-btn am-btn-warning">取消</div>
					</div>

				</div>
				<div class="theme-signin-right">
					<div class="img-info">
						<img src="images/kouhong.jpg_80x80.jpg" />
					</div>
					<div class="text-info">
						<span class="J_Price price-now">¥39.00</span> <span id="Stock"
							class="tb-hidden">库存<span class="stock">1000</span>件
						</span>
					</div>
				</div>

			</form>
		</div>
	</div>
	<!--引导 -->
	<div class="navCir">
		<li><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
		<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
		<li class="active"><a href="shopcart.html"><i
				class="am-icon-shopping-basket"></i>购物车</a></li>
		<li><a href="person/index.html"><i class="am-icon-user"></i>我的</a></li>
	</div>
</body>

</html>